<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>训练模态框</title>
</head>

<body class="dpflex fdc">
    <!-- 主体区域 -->
    <div class="content flex1">
        <video id="video" class="video" autoplay muted></video>
        <div class="video-part">
            <h3>
                <span id="currentPart" class="current-part fs30"> </span>/
                <span id="countPart" class="count-part fs30"></span>
            </h3>
            <p id="title" class="title mt10 "></p>
        </div>
    </div>
    <div class="footer">
        <!-- 进度条 -->
        <div id="progress" class="progress"></div>
        <!-- 控制条 -->
        <div class="control dpflex">
            <i id="prevBtn" class="iconfont zp-previous flex1"></i>
            <i id="pauseBtn" class="iconfont zp-pause flex1"></i>
            <i id="nextBtn" class="iconfont zp-next flex1"></i>

        </div>
    </div>
    <!-- 蒙层 -->
    <div id="mask" class="mask">
        <!-- <p>今天是个写代码的好天气啊!</p> -->
        <div class="play-info">
            <div class="info-top dpflex">
                <!-- 继续训练按钮 -->
                <div id="continuePlay" class="continue-play">
                    <i class="iconfont zp-play"></i>
                    <p class="mt8">继续训练</p>
                </div>
                <!-- 结束训练按钮 -->
                <div id="stopPlay" class="stop-play">
                    <i class="iconfont zp-pause"></i>
                    <p class="mt8">结束训练</p>
                </div>
            </div>
            <div class="info-btm dpflex mt10">
                <img id="currentImg" class="current-img flex1" height="60" src="../img/index-swiper-bg1.jpg" alt="">
                <div class="flex1 cur-info fs12">
                    <p>当前</p>
                    <p id="curTitle" class="cur-title mt8">男子平板支撑抬腿</p>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>

</body>

</html>